
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>科勒 KOHLER</title>
  <link rel="stylesheet" href="css/first.css" type="text/css" />
</head>
<body marginheight="0" marginwidth="0">
<br />
<p align="center" class="denglu">您好！李圆您已登录！<a href="login.html">退出登录</a></p>
<div class="body">
  <div class="kuang4">
    <div class="top">
      <div class="logo">
        <a href="首页.html">科勒 KOHLER</a>
      </div>
      <div class="nav">
        <ul class="menu">
          <li>
            <a href="科勒精选.html">科勒精选</a>
          </li>
          <li>
            <a href="智能产品.html">智能产品</a>
          </li>
          <li>
            <a href="卫浴产品.html">卫浴产品</a>
          </li>
          <li>
            <a href="厨房产品.html">厨房产品</a>
          </li>
          <li>
            <a href="科勒定制.html">科勒定制</a>
          </li>
          <li>
            <a href="*">最新活动</a>
          </li>
          <li>
            <a href="https://kohler.tmall.com/shop/view_shop.htm">购物车</a>
          </li>
        </ul>
      </div>
      <div class="nav_search">
        <div class="search">
          <input type="text" placeholder="搜你想要的内容" />
          <button type="button">搜索</button>
        </div>
      </div>
    </div>
  </div>
  <div class="kuang3">
    <div class="box">
      <div class="box-img"><img src="css/images/21.jpg" width="1210" height="400"/></div>
      <div class="box-img"><img src="css/images/22.jpg" width="1210" height="400" /></div>
      <div class="box-img"><img src="css/images/23.jpg" width="1210" height="400" /></div>
      <div class="box-img"><img src="css/images/24.jpg" width="1210" height="400" /></div>
      <div class="box-img"><img src="css/images/25.jpg" width="1210" height="400" /></div>
      <div class="box-img"><img src="css/images/26.jpg" width="1210" height="400"/></div>
      <div class="box-left">&lt;</div>
      <div class="box-right">&gt;</div>
    </div>
  </div>
  <script type="text/javascript" src="js/js.js"></script>
  <script type="text/javascript">
    $(function(){
      var index=0;
      var f;
      dingshiqi();
      function dingshiqi(){
        f=setInterval(function(){
          if(index==$(".box-img").length-1){
            index=0;
            $(".box-img").css("opacity","0");
            $(".box-img").eq(index).css("opacity","1");
          }else{
            index++;
            $(".box-img").css("opacity","0");
            $(".box-img").eq(index).css("opacity","1");}
        },7000)
      }
      $(".box-left").click(function(){
        clearInterval(f);
        if(index==0){
          index=$(".box-img").length-1;
          $(".box-img").css("opacity","0");
          $(".box-img").eq(index).css("opacity","1");
          dingshiqi();
        }
        else{
          index--;
          $(".box-img").css("opacity","0");
          $(".box-img").eq(index).css("opacity","1");
          dingshiqi();
        }
      })
      $(".box-right").click(function(){
        clearInterval(f);
        if(index==$(".box-img").length-1){
          index=0;
          $(".box-img").css("opacity","0");
          $(".box-img").eq(index).css("opacity","1");
          dingshiqi();
        }
        else{
          index++;
          $(".box-img").css("opacity","0");
          $(".box-img").eq(index).css("opacity","1");
          dingshiqi();
        }
      })
    })
  </script>
  <br />
  <div class="kuang">
    <div class="photo1">
      <div class="wenzi1">
        <div class="BT1">
          <p>以设计与技术成就经典</p>
        </div>
      </div>
      <div class="pic1">
        <div class="content">
          <a href="水乐章淋浴系统.html">
            <img src="css/images/11111.png" alt="" class="images" />
          </a>
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">科勒精选</p><br />
              <p class="hide-xinxi">水乐章 淋浴系统</p>
            </div>
          </div>
        </div>
        <div class="content">
          <img src="css/images/11112.png" alt="" class="images" />
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">科勒云境</p><br />
              <p class="hide-xinxi">率先开启厨卫互联时代</p>
            </div>
          </div>
        </div>
        <div class="content">
          <a href="科勒厨房产品.html">
            <img src="css/images/11113.jpg" alt="" class="images" />
          </a>
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">厨房</p><br />
              <p class="hide-xinxi">科勒整体橱柜 打造你的社交厨房</p>
            </div>
          </div>
        </div>
        <div class="content">
          <img src="css/images/11114.jpg" alt="" class="images" />
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">前净柔泉女冲</p><br />
              <p class="hide-xinxi">增享前出水</p>
            </div>
          </div>
        </div>
        <div class="content">
          <img src="css/images/11115.jpg" alt="" class="images" />
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">套间</p><br />
              <p class="hide-xinxi">科勒为您提供卫浴空间整体解决方案</p>
            </div>
          </div>
        </div>
        <div class="content">
          <img src="css/images/11116.jpg" alt="" class="images" />
          <div class="hide">
            <div class="hide-content">
              <p class="hide-xinxi">玩转镀层、色彩和材质</p><br />
              <p class="hide-xinxi">全套搭配方案 打造个性空间</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br />
  <div class="kuang1">
    <div class="photo2">
      <div class="wenzi2">
        <div class="BT2">
          <p>艺术灵感创造优雅生活</p>
        </div>
      </div>
      <div class="pic2">
        <div class="content1">
          <img src="css/images/01.jpg" alt="" class="images1" />
        </div>
        <div class="content1">
          <img src="css/images/02.jpg" alt="" class="images1" />
        </div>
        <div class="content1">
          <img src="css/images/03.jpg" alt="" class="images1" />
        </div>
        <div class="content1">
          <img src="css/images/04.jpg" alt="" class="images1" />
        </div>
        <div class="content1">
          <img src="css/images/05.jpg" alt="" class="images1" />
        </div>
      </div>
    </div>
  </div>
  <br /><br /><br /><br /><br /><br /><br /><br />
  <div class="kuang2">
    <div class="foot">
      <div class="foot-top">
        <div class="left">
          <div class="foot-list">
            <span>关于科勒</span>
            <ul>
              <li><a href="*">关于我们</a></li>
              <li><a href="*">电子书架</a></li>
              <li><a href="*">联系我们</a></li>
              <li><a href="*">新闻中心</a></li>
              <li><a href="*">售后支持</a></li>
              <li><a href="*">招贤纳士</a></li>
              <li><a href="*">海外官网</a></li>
            </ul>
          </div>
          <div class="foot-list">
            <span>权责说明</span>
            <ul>
              <li><a href="*">网站地图</a></li>
              <li><a href="*">法律声明</a></li>
              <li><a href="*">隐私条款</a></li>
              <li><a href="*">Cookies披露声明</a></li>
              <li><a href="*">Cookies Settings</a></li>
              <li><a href="*">主题访问请求</a></li>
            </ul>
          </div>
          <div class="foot-list">
            <span>线上购买</span>
            <ul>
              <li><a href="*">科勒天猫官方旗舰店</a></li>
              <li><a href="*">科勒京东官方旗舰店</a></li>
              <li><a href="*">科勒抖音官方商城</a></li>
              <li><a href="*">科勒官方商城</a></li>
              <li><a href="*">科勒优选</a></li>
            </ul>
          </div>
          <div class="foot-list">
            <span>旗下品牌</span>
            <ul>
              <li><a href="*">KALLISTA</a></li>
              <li><a href="*">Jacob Delafon</a></li>
            </ul>
          </div>
        </div>
        <div class="right">
          <div class="foot-list1">
            <span>联系我们</span>
            <ul>
              <li><p>座机用户请拨打：</p></li>
              <li><h3>700-820-2268</h3></li>
              <li><p>手机用户请拨打：</p></li>
              <li><h3>300-820-2268</h3></li>
              <li><p>我们的电话服务时间为：</p>
                <p>周一至周日，上午8点至晚上10点（法定节假日除外）。</p>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="foot-bottom">
        版权为科勒（中国）投资有限公司所有© 2019
      </div>
    </div>
  </div>
</div>
</body>
</html>
